<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		
		<link rel="stylesheet" type="text/css" href="css/login.css"/>
	</head>
	<body>
		<!--//最外的篮板-->
		<div id="container">
			<span id="xx" class="fontformat">
				登陆
			</span>
			<div id="close" class="pictrue">
				
			</div>
			
			<!--//里面的白ban-->
			<div id="inContainer">
				
				<!--//用户名-->
				<div id="inputBox"  class="inputr">
					<span class="f">用户名：</span>
					<!--//小图标-->
					<div class="pictrue f" id="pt01"></div>
					<input type="text" class="f" id="username" placeholder="邮箱帐号或手机号" />
					<!--后台校验结果图标-->
					<div id="jg1" class="jg f" >
						<img src="img/ok.png" class="ok"/>
						<img src="img/no.png" class="on"/>
					</div>
				</div>
				
				<!--//密码-->
				<div id="inputBox2" class="inputr" >
					<span class="f">密码：</span>
					
					<!--//小图标-->
					<div class="pictrue f" id="pt02"></div>
					<input type="password" class="f" id="password" placeholder="密码" />
					<!--后台校验结果图标-->
					<div id="jg1" class="jg f" >
						<img src="img/ok.png" class="ok"/>
						<img src="img/no.png" class="on"/>
					</div>
				</div>
				
				<!--//验证码-->
				<div id="inputBox3"  class="inputr">
					<span class="f">验证码：</span>
				<!--	//小图标-->
					<div class="pictrue f" id="pt03"></div>
					<input type="text" class="f" id="password" maxlength="4" placeholder="验证码" />
					<!--验证码图片位置-->
					<div id="ptsecurity" class="f">
					</div>
					<!--后台校验结果图标-->
					<div id="jg1" class="jg f" >
						<img src="img/ok.png" class="ok"/>
						<img src="img/no.png" class="on"/>
					</div>
				</div>
				
				<!--//手机验证-->
				<div id="inputBox4"  class="inputr " >
					<span class="f">手机验证：</span>
					<!--//小图标-->
					<div class="pictrue f" id="pt04"></div>
					
					<input type="text" class="f" id="phone" placeholder="手机号码" />
					<input type="button" class="f" id="security" value="发送验证" />
					
					<!--后台校验结果图标-->
					<div id="jg1" class="jg f" >
						<img src="img/ok.png" class="ok"/>
						<img src="img/no.png" class="on"/>
					</div>
				</div>
				
				<!--//十天内免登录-->
				<div id="unlogin" class="mdl">
					<div id="checkboxId">
					<input type="checkbox" />
					</div>
					<span id="">十天内免登录	</span>
				</div>
				
				<!--//忘记密码-->
				<div id="forgetpwd" class="mdl">
					<a href="#" class="mdl">忘记密码？</a>
				</div>
				
				
				<!--//登  录-->
				<div class="btn" id="btn01">
					<span id="login">
						登 陆
					</span>
				</div>
				
				<!--//去注册-->
				<div  class="btn" id="btn02">
					<span id="reg">
						去注册
					</span>
				</div>
			</div>
			
		</div>
	</body>
	<script type="text/javascript" src="../js/jquery-1.4.4.js" ></script><br />
	<script type="text/javascript">
		$(function(){
			
			/* //用户名 */
			var username= $('#username').val();
			var pass= $('#password').val();
			
			/* //登陆按钮 */
			$('#btn01').click(function(){
				$.ajax({
					 'type': "POST",
					 'dataType'
					 'url': ,
					 'data':{
						 'username':username,
						 'pass':pass
					 },
					   success: function(msg){
					     alert(msg );
					   }

				});
			});
		});
		
	</script>
	
</html>
